* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-image: url(../image/background.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    min-height: 100vh; /* 设置body最小高度为视口高度 */
}

.role-selector {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.role-selector label {
    margin-right: 5px;
}

/* 更新选择框样式 */
.role-selector select {
    width: 100%; /* 保持与输入框相同的宽度 */
    height: 42px; /* 设置固定高度，与输入框相同或相近 */
    padding: 10px; /* 与输入框相同的内边距 */
    font-size: 16px; /* 与输入框相同的字体大小 */
    border-radius: 5px; /* 与输入框相同的圆角 */
    border: 1px solid #ccc; /* 与输入框相同的边框 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../image/arrow-down.svg') no-repeat right center;
    background-size: 15px;
    /* 添加下面这行，以确保选择框的高度与输入框一致 */
    line-height: 22px; /* 这里的数值应等于font-size加上适当的内边距 */
}

.login-box {
    width: 90%; /* 更改宽度以适应小屏幕 */
    max-width: 400px; /* 设定最大宽度 */
    padding: 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.login-box h2 {
    margin-bottom: 20px;
}

#login-form label {
    display: block;
    margin-bottom: 10px;
}

#login-form input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

#login-form button {
    width: 100%; /* 更改为100%以适应小屏幕 */
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    background-color: #007BFF;
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
}

#login-form button:hover {
    background-color: #0056b3;
}

/* 新增验证码输入框容器样式 */
.code-input-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.code-input-container input {
    width: 65%; /* 调整输入框宽度 */
}

.code-input-container button {
    width: 30%; /* 调整按钮宽度 */
    margin-left: 5px; /* 添加左边距 */
}